<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html style="overflow: hidden;">
<head lang="en">
    <meta charset="UTF-8">
    <title>我的工作</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link rel="stylesheet" type="text/css" href="../../css/news/center.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/laydate.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/pagination/style/pagination.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/base/base.css?20201106.1"/>
    <link rel="stylesheet" type="text/css" href="../../css/news/new_news.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/news/management_query.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/workflow/work/bootstrap.css">    <%--<script src="/js/common/language.js"></script>--%>
    <script type="text/javascript" src="../../js/news/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/js/base/tablePage.js?20190226.3"></script>
    <script src="/js/news/page.js"></script>
    <script src="../../lib/laydate/laydate.js"></script>
    <script src="../../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <!-- word文本编辑器 -->
    <script src="../../lib/ueditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/ueditor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/news/page.js"></script>
    <script src="../../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../lib/layer/layer.js?20201106"></script>
    <script src="../../js/jquery/jquery.cookie.js"></script>
    <style type="text/css">
        span.host-span {
            padding-left: 12px;
        }

        #dbgz_page input{
            border: none;
            box-shadow: none;
            border-bottom: 1px #0e0d0d21 solid;
        }
        span.host-span {
            color: #1772c0;
        }

        .daochu {
            color: #1772c0;
        }

        .shanchu {
            color: #e01919;
        }


        .operation_text_left {
            padding-left: 20px;
        }

        .operation_text_left {
            padding-left: 20px;

        .button-operation {
            float: left;
            padding-top: 4px;
            padding-bottom: 10px;
        }

        .navigation .right {
            float: right;
            margin-top: -141px;
        }

        .zhungtai {
            position: relative;
            left: 5px;
        }

        .btn-success {
            border: 1px solid #2b7edf;
            color: #ffffff;
            background-color: #2b7edf;
            background-image: -moz-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b7edf), to(#2b7edf));
            background-image: -webkit-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: -o-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: linear-gradient(to bottom, #2b7edf, #2b7edf);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b7edf', endColorstr='#2b7edf', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            width: 0px;
            height: 0px;
            cursor: pointer;
        }

        .btn-danger {
            border: 1px solid #c6322a;
            color: #ffffff;
            background-color: #d84a38;
            background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
            background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
            background-image: -o-linear-gradient(top, #dd4b39, #d14836);
            background-image: linear-gradient(to bottom, #dd4b39, #d14836);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffd14836', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            width: 100px;
            height: 35px;
        }

        form {
            margin: 0 0 20px;
        }

        .btn-info {
            border: 1px solid #46b8da;
            color: #ffffff;
            background-color: #5bc0de;
            cursor: pointer;
            background-image: -moz-linear-gradient(top, #5bc0de, #5bc0de);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#5bc0de));
            background-image: -webkit-linear-gradient(top, #5bc0de, #5bc0de);
            background-image: -o-linear-gradient(top, #5bc0de, #5bc0de);
            background-image: linear-gradient(to bottom, #5bc0de, #5bc0de);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff5bc0de', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            width: 70px;
            height: 28px;
        }

        .step1_title {
            width: 6%;
            display: inline-block;
            float: left;
            margin-top: 28px;
        }

        .navigation {
            heihgt: 70px;
            /* display: inline-block; */
            /* float: left; */
            width: 100%;
        }

        .navigation .left .news {
            /* font-size: 14px; */
            margin-left: 5px;
            font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
            margin-top: px;
            margin-right: 40px;
            font-size: 16px;
            color: #494d59;
            margin-top: 5px;
        }

        .navigation .left img {
            float: left;
            margin-top: 15px;
            margin-right: 5px;
            width: 25px;
            height: 24px;
        }

        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
            background-color: #f5f5f4;
            background-image: none;
        }

        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default th {
            border-bottom: 0px;
        }

        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
            border: 1px solid #d3d3d3;
            background: #f5f5f5 url(images/fhbg.gif) 50% 50% repeat-x;
            font-weight: normal;
            color: #555555;
        }

        .ui-jqgrid .ui-jqgrid-hdiv {
            position: relative;
            margin: 0em;
            padding: 0em;
            overflow-x: hidden;
            border-left: 0px none !important;
            border-top: 0px none !important;
            border-right: 0px none !important;
        }

        .ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-pager {
            font-family: inherit;
        }

        .ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-pager {
            background-color: #fff;
            font-family: Microsoft YaHei, Simsun, Verdana, Arial, sans-serif;
            font-size: 9pt;
        }

        #gbox_gridTable {
            border: 1px solid #d3d3d3;
            -moz-border-radius: 2px, 2px, 0px, 0px;
            -webkit-border-radius: 2px, 2px, 0px, 0px;
            border-radius: 4px 4px 0px 0px;
        }

        .ui-jqgrid {
            border-left: 1px solid #d3d3d3;
            border-right: 1px solid #d3d3d3;
        }

        .ui-jqgrid {
            position: relative;
        }

        .head {
            border-bottom: 1px solid #9E9E9E;
            padding-bottom: 3px;
            height: 43px;
            background-color: #e4eff8;
        }

        .head li {
            width: 120px;
            text-align: center;
            height: 28px;
            line-height: 28px;
            display: inline-block;
            float: left;
            font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
            font-size: 14px;
            margin-left: 20px;
            margin-top: 6px;
            cursor: pointer;
        }

        .index_head li {
            border-right: 1px solid #b4c1ca;
            height: 37px;
        }

        .index_head li:hover {
            background-color: #F5F5F5;
            padding-bottom: 6px;
            color: blue;
            border: 0px;
            cursor: pointer;
        }

    </style>
    <style type="text/css">
        .cbox {
            display: none;
        }

        .search_area {
            padding: 8px 0px;
            margin: 0 auto;
            text-align: center;
            margin-top: 0px;
            background-color: #f5f5f5;
            border-bottom: 1px solid #dddddd;
        }

        .search_area {
            padding: 8px 0px;
            margin: 0 auto;
            text-align: center;
            margin-top: 0px;
            background-color: #f5f5f5;
            border-bottom: 1px solid #dddddd;
        }

        .form-search .input-append {
            margin-bottom: 0;
        }

        .form-search .input-append {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .form-search .input-append .search-query {
            -webkit-border-radius: 14px 0 0 14px;
            -moz-border-radius: 14px 0 0 14px;
            border-radius: 14px 0 0 14px;
        }

        .search_normal .input-append .btn {
            vertical-align: middle;
            /* background-color: #f5f5f4; */
        }

        input.search-query {
            padding-right: 14px;
            padding-right: 4px \9;
            padding-left: 14px;
            padding-left: 4px \9;
            margin-bottom: 0;
        }
        .btn{
            font-weight:normal;
        }
        .btn-primary {
            border: 1px solid #3079ed;
            color: #ffffff;
            background-color: #4b8cf7;
            background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
            background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
            background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
            background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff4787ed', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

        input.span4, textarea.span4, .uneditable-input.span4 {
            width: 286px;
        }

        .span4 search-query {
            width: 316px;
            height: 30px;
        }

        button.daochuwork {
            border: 1px solid #0cae32;
            color: #ffffff;
            background-color: #0cae32;
            cursor: pointer;
            background-image: -moz-linear-gradient(top, #0cae32, #0cae32);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cae32), to(#0cae32));
            background-image: -webkit-linear-gradient(top, #0cae32, #0cae32);
            background-image: -o-linear-gradient(top, #0cae32, #0cae32);
            background-image: linear-gradient(to bottom, #0cae32, #0cae32);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cae32', endColorstr='#0cae32', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            width: 70px;
            height: 28px;
            cursor: pointer;
            font-size: 10pt;
        }

        .page-bottom-inner-layer {
            scrollbar-width: none;
        }
        .page-bottom-inner-layer::-webkit-scrollbar {
            width:0px;
        }
        button.daochuwork:hover {
            border: 1px solid #17bb3e;
            color: #ffffff;
            background-color: #17bb3e;
            cursor: pointer;
            background-image: -moz-linear-gradient(top, #17bb3e, #17bb3e);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#17bb3e), to(#17bb3e));
            background-image: -webkit-linear-gradient(top, #17bb3e, #17bb3e);
            background-image: -o-linear-gradient(top, #17bb3e, #17bb3e);
            background-image: linear-gradient(to bottom, #17bb3e, #17bb3e);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17bb3e', endColorstr='#17bb3e', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);


        }

        .btn_checked {
            position: relative;
            padding: 4px 12px;
            margin: 0;
            color: #333;
            text-shadow: 0 1px 0 #fff;
            white-space: nowrap;
            font-family: Simsun, Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            text-align: center;
            vertical-align: middle;
            -webkit-background-clip: padding;
            -moz-background-clip: padding;
            background-clip: padding;
            cursor: default;
            background-color: #f3f3f3;
            background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
            background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
            background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
            background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
            border: 1px solid #dcdcdc;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        #table1 {
            border-collapse: collapse;
            border-spacing: 0;
            margin-top: 6px;
            width: 700px;
            float: left;
        }

        .inp {
            height: 24px;
            width: 200px;
            height: 27px;
            border-radius: 6px;
            /*margin-top: 16px;*/
            /*margin-left: 0px;*/
        }

        .navigation .left .news {
            font-size: 14px;
            margin-left: 5px;
            font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
            margin-top: -3px;
            margin-right: 80px;
            font-size: 16px;
            color: #494d59;
        }

        /*@media screen and (max-width: 1366px) {*/
        /*.navigation .left .news {*/
        /*font-size: 14px;*/
        /*margin-left: 5px;*/
        /*font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;*/
        /*margin-top: -3px;*/
        /*margin-right: 20px;*/
        /*font-size: 17pt;*/
        /*color: #494d59;*/
        /*}*/
        /*}*/

        .inp, .search {
            float: left;
        }

        .navigation .right {
            float: right;
            margin-top: 0px;
        }

        .subsearch {
            width: 60px;
            height: 29px;
            padding-left: 10px;
            line-height: 29px;
            /*margin-top: 18px;*/
            /*margin-left: 10px;*/
            text-align: center;
            background-image: url(../../img/center_q.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            /*border: 1px solid rgb(204, 204, 204);*/
            /*border-radius: 6px;*/
            color: #000;
            cursor: pointer;
            font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
        }

        .button-operation {
            float: right;
            padding-top: 15px;
            padding-bottom: 10px;
            /*margin-right: 12px;*/
        }

        .btn-success {
            border: 1px solid #2b7edf;
            color: #ffffff;
            background-color: #2b7edf;
            background-image: -moz-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b7edf), to(#2b7edf));
            background-image: -webkit-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: -o-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: linear-gradient(to bottom, #2b7edf, #2b7edf);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b7edf', endColorstr='#2b7edf', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            height: 28px;
            width: 70px;
            cursor: pointer;
            border-radius: 6px;
            font-size: 10pt;
        }

        .btn-success:hover {
            border: 1px solid #3b8eef;
            color: #ffffff;
            background-color: #3b8eef;
            background-image: -moz-linear-gradient(top, #3b8eef, #3b8eef);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b8eef), to(#3b8eef));
            background-image: -webkit-linear-gradient(top, #3b8eef, #3b8eef);
            background-image: -o-linear-gradient(top, #3b8eef, #3b8eef);
            background-image: linear-gradient(to bottom, #3b8eef, #3b8eef);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b8eef', endColorstr='#3b8eef', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            /*height: 30px;*/
            /*width: 82px;*/
        }

        .btn-delete {
            border: 1px solid #ef4747;
            color: #ffffff;
            background-color: #ef4747;
            /*线性渐变*/
            background-image: -moz-linear-gradient(top, #ef4747, #ef4747);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef4747), to(#ef4747));
            background-image: -webkit-linear-gradient(top, #ef4747, #ef4747);
            background-image: -o-linear-gradient(top, #ef4747, #ef4747);
            background-image: linear-gradient(to bottom, #ef4747, #ef4747);
            background-repeat: repeat-x;
            /*通过通道来改变IE下PNG24的兼容问题*/
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4747', endColorstr='#ef4747', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            width: 110px;
            height: 30px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 10pt;
        }

        .btn-delete:hover {
            border: 1px solid #fe4f4f;
            color: #ffffff;
            background-color: #fe4f4f;
            !*线性渐变*!
            background-image: -moz-linear-gradient(top, #fe4f4f, #fe4f4f);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fe4f4f), to(#fe4f4f));
            background-image: -webkit-linear-gradient(top, #fe4f4f, #fe4f4f);
            background-image: -o-linear-gradient(top, #fe4f4f, #fe4f4f);
            background-image: linear-gradient(to bottom, #fe4f4f, #fe4f4f);
            background-repeat: repeat-x;
            !*通过通道来改变IE下PNG24的兼容问题*!
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe4f4f', endColorstr='#fe4f4f', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            width: 110px;
            height: 30px;
            border-radius: 6px;
            cursor: pointer;
        }

        .btn-info {
            border: 1px solid #2b7edf;
            color: #ffffff;
            background-color: #2b7edf;
            cursor: pointer;
            background-image: -moz-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b7edf), to(#2b7edf));
            background-image: -webkit-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: -o-linear-gradient(top, #2b7edf, #2b7edf);
            background-image: linear-gradient(to bottom, #2b7edf, #2b7edf);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b7edf', endColorstr='#2b7edf', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            /*height: 30px;*/
            /*width: 82px;*/
            height: 28px;
            width: 70px;
            border-radius: 6px;
            font-size: 10pt;
        }

        .btn-info:hover {
            border: 1px solid #3b8eef;
            color: #ffffff;
            background-color: #3b8eef;
            cursor: pointer;
            background-image: -moz-linear-gradient(top, #3b8eef, #3b8eef);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b8eef), to(#3b8eef));
            background-image: -webkit-linear-gradient(top, #3b8eef, #3b8eef);
            background-image: -o-linear-gradient(top, #3b8eef, #3b8eef);
            background-image: linear-gradient(to bottom, #3b8eef, #3b8eef);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b8eef', endColorstr='#3b8eef', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            /*height: 30px;*/
            /*width: 82px;*/
        }

        .head .one {
            background-color: #2F8AE3;
            font-size: 14px;
            color: #ffffff;
            border-radius: 6px;
        }

        .font-green {
            color: green;
        }

        tr td {
            font-size: 13px;
        }

        .step {
            margin-left: 15px;
        }

        .wenhao:hover {
            cursor: pointer;
            color: #2f8ae3;
        }

        .bjtitle:hover {
            cursor: pointer;
            color: #2f8ae3;
        }

        .alerthtml:hover {
            cursor: pointer;
            color: #2f8ae3;
        }

        .hidden {
            display: none;
        }

        .flowtype {
            cursor: pointer;
        }

        .flowtype:hover {
            cursor: pointer;
            color: #1772c0
        }

        .flowtitle {
            cursor: pointer;
        }

        .flowtitle:hover {
            cursor: pointer;
            color: #1772c0
        }

        table {
            table-layout: fixed;
        }

        table tr th {
            text-align: left;
            padding: 5px 4px !important;
        }

        table tr td {
            text-align: left !important;
            padding: 5px 4px !important;
        }

        .banjietr td span {
            display: inline-block;
            width: 100%;
        }

        .navigation .left {
            /*margin-left: 30px;*/
            /*margin-left: 17px;*/
        }

        #pageTbody tr:nth-child(odd) {
            background-color: #F6F7F9;
        }

        #pageTbody tr:hover {
            background: #D3E7FA;
        }

        .editAndDelete1 {
            color: #e01919;
        }

        .head {
            position: fixed;
            top: 0;
            left: 0;
            background: #fff;
            z-index: 99999999;
        }

        .pagediv .page-top-inner-layer {
            height: 43px;
        }

        /*.head .headli3 {*/
        /*width: 64px;*/
        /*}*/

        .htbtn {
            width: 18px;
            margin-bottom: 5px;
            margin-right: 5px;
        }

        .navigation .left img {
            margin-top: 22px;

        }

        .head .index_head li span {
            margin-top: 7px;
            margin-left: 20px;
            padding: 6px 14px;
            font-size: 10pt;
        }

        @media screen and (max-width: 1159px) {
            .navigation .left .news {
                margin-right: 30px;
            }
        }

        .sel{
            width:155px;
            max-height:250px;
            position: absolute;
            top:46px;
            left:62px;
            overflow: auto;
            background: #fff;
            border:1px solid #e2e3e3;
            display: none;
        }
        .sel li{
            line-height: 24px;
            color: #000;
        }
        #list{
            width: 40px;
            height: 29px;
            background: #fff;
            border: 1px solid #ccc;

            vertical-align: middle;
            position: absolute;
            right: 0px;
            top: 17px;
            border-radius: 0px 3px 3px 0px;
            border-left: none;
        }
        #list img{
            margin-top: 0px;
            margin-left: 14px;
        }
        .canchoose:hover{
            background: #2b7edf;
            color: #fff;
        }
        input[name="flowName"]{
            width:150px;
            height:28px;
            border-radius: 6px;
            margin-top: -6px;
        }
        .headli1_2_icon{
            margin-top: -3px!important;
        }
        .pagediv .page-bottom-outer-layer table td{
            font-size: 10pt;
        }
        .pagediv .page-bottom-outer-layer table td:nth-child(3){
            text-overflow:clip!important;
            white-space: normal!important;
        }
        .pagediv .page-top-inner-layer table th{
            font-size: 14px;
            line-height: 30px;
        }
        .navigation .left{
            line-height:65px
        }
        .editAndDelete0{
            color:green
        }
        .work-run-header {
            background-color: #f4f4f4;
        }
        .talignl{
            text-align: center;
        }


    </style>
    <style type="text/css">
        .tab-content{
            position: absolute;
            bottom: 0;
            left: 0;
            top: 37px;
            right: 0;
            overflow: hidden;
        }
        .text_expand_icon
        {
            cursor:pointer;
        }
        #myTab{
            background-color:#e4eff8;
            margin-bottom:0px;
        }
        .nav-tabs>li{
            border-right:1px solid #b4c1ca;
            height:37px;
        }
        .work-nav,.tab-pane{
            height:100%;
        }
        .todo-a{
            background:url(images/todo.png) no-repeat 16% 8px;
        }
        .todo-a:hover{
            background:url(images/todo-hover.png) no-repeat 16% 8px;
        }
        .active>.todo-a{
            background:url(images/todo-hover.png) no-repeat 16% 8px;
        }
        .intrust-a{
            background:url(images/intrust.png) no-repeat 16% 8px;
        }
        .intrust-a:hover{
            background:url(images/intrust-hover.png) no-repeat 16% 8px;
        }
        .active>.intrust-a{
            background:url(images/intrust-hover.png) no-repeat 16% 8px;
        }
        .concern-a{
            background:url(images/concern.png) no-repeat 16% 8px;
        }
        .concern-a:hover{
            background:url(images/concern-hover.png) no-repeat 16% 8px;
        }
        .active>.concern-a{
            background:url(images/concern-hover.png) no-repeat 16% 8px;
        }
        .pending-a{
            background:url(images/pending.png) no-repeat 16% 8px;
        }
        .pending-a:hover{
            background:url(images/pending-hover.png) no-repeat 16% 8px;
        }
        .active>.pending-a{
            background:url(images/pending-hover.png) no-repeat 16% 8px;
        }
        .settles-a{
            background:url(images/settles.png) no-repeat 16% 8px;
        }
        .settles-a:hover{
            background:url(images/settles-hover.png) no-repeat 16% 8px;
        }
        .active>.settles-a{
            background:url(images/settles-hover.png) no-repeat 16% 8px;
        }
        .all-a{
            background:url(images/all.png) no-repeat 16% 8px;
        }
        .all-a:hover{
            background:url(images/all-hover.png) no-repeat 16% 8px;
        }
        .active>.all-a{
            background:url(images/all-hover.png) no-repeat 16% 8px;
        }
        .nav-tabs>li>a{
            background-color:#e4eff8;
            padding-right:25px;
            padding-left:45px;
            margin-right:0px;
            color:black;
            border:0px;
            font-weight:bold;
            border-radius:0;
            -webkit-border-radius:0;
            -moz-border-radius:0;
        }
        .editAndDelete1 {
            display: none !important;
        }
        .nav-tabs>li>a:hover{
            background-color:#ffffff;
        }
        .nav-tabs>li.active{
            background-color:#F5F5F5;
        }
        .nav-tabs>li.active>a{
            font-weight:bold;
        }
        .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
            background-color:#F5F5F5;
            padding-bottom:8px;
            color:blue;
            border:0px;
            cursor:pointer;
        }
        .search_normal .input-append .btn{
            vertical-align:middle;
            /*background-color:#f5f5f4;*/
            height:25px
            width:45px;
        }
        .search_adv{
            display:none;
            /*background-color:#f5f5f4;*/
        }
        .work-menu{
            min-width:80px;
            padding:5px 0;
        }
        .search_adv>input{
            margin-right:16px;
            margin-bottom:0px;
        }
        .adv-select>select{
            margin-bottom:0px;
            outline:none;
        }
        .data-operation{
            height:40px;
            min-width:650px;
        }
        .data-operation .button-operation>button{
            margin-right:8x;
        }
        .data-list{

        }
        .modal{
            width:880px;
            margin-left:-440px;
        }
        .table th{
            border-bottom:2px solid #4094bd;
            font-size:15px;
        }
        .table th.text-right{
            text-align:right;
            border-left:1px solid transparent;
        }
        .table thead th{
            vertical-align:middle;
        }
        .work-run-header{
            background-color:#f4f4f4;
        }
        .work-run-header .run-id-td{
            width:60px;
        }
        .work-run-header td{
            text-align:center;
            color:#000000;
            font-weight:bold;
        }
        .work-remind-message{
            margin:8px 12px;
        }
        div.work-remind-message-check{
        }
        div.work-remind-message-content{
        }
        .message-sms{
            float:left;
            margin-right:100px;
            height:26px;
            line-height:26px;
        }
        .message-mobile{
            height:26px;
            line-height:26px;
        }
        .message-sms>input, .message-mobile>input, work-remind-message-content>input,
        .sms-check>input, .mobile-check>input{
            margin:0px;
        }
        .sms-check, .mobile-check{
            display:inline-block;
            margin-right:6px;
        }
        span.work-run-delete{
            background:url(images/delete.png) no-repeat;
            width:20px;
            height:20px;
            display:inline-block;
            cursor:pointer;
            vertical-align:bottom;
        }
        .table tr.work-run-data td{
            /* text-align:center; */
            vertical-align:middle;
        }
        .table tr.work-run-data td.talignl{
            text-align:center;
        }
        .table tr.work-run-data td>input{
            margin-bottom:0px;
        }
        span.quick-date-select{
            background:url(images/work-pending.png) no-repeat;
            height:26px;
            width:26px;
            cursor:pointer;
            display:inline-block;
            vertical-align:middle;
        }
        .comment-title, .comment-content{
            margin-top:6px;
        }
        .title-run-id, .content-title{
            width:90px;
            text-align:left;
        }
        .title-run-name{
            width:450px;
            padding-left:20px;
            overflow:hidden;
        }
        .title-prcs-name{
            width:160px;
            padding-left:20px;
        }
        #intrustData td.talignr{
            text-align:right;
        }
        #intrustData input{
            vertical-align:top;
        }
        .data-title{
            margin:0 auto;
            width:100px;
        }
        .content-data textarea{
            margin-bottom:0px;
            width:630px;
            height:60px;
            margin-left:20px;
        }
        iframe#workflow-form-frame{
            border: '1px solid #ccc';
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0%;
            left: 0%;
            display: none;
            zIndex: 999;
        }
        iframe#workflow-data-list{
            width: 100%;
            height: 100%;
            top: 0%;
            left: 0%;
        }
        #intrust_quick_select_btn, .quick-date-select, #comment_quick_select_btn{
            float:right;
            margin-right:32px;
            display:none;
        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
            border:0px;
            background:none;
        }
        span.host-span{
            background:url(images/host.png) no-repeat;
            padding-left:12px;
        }
        span.countersign-span{
            background:url(images/countersign.png) no-repeat;
            padding-left:12px;
        }
        a.comment{
            background:url(images/edit.gif) no-repeat;
            width:20px;
            height:20px;
            display:inline-block;
        }
        a.comment:hover{
            text-decoration:none;
        }
        .tooltip-inner{
            word-break:break-all;
            word-wrap:break-word;
        }
        div.result-block{
            display:inline-block;
            vertical-align:bottom;
        }
        .ajax-result-block{
            margin-right:220px;
            padding-left:20px;
            color:#1687cb;
        }
        .date-input{
            width:70px;
        }
        .date-time-input{
            width:75px;
        }
        .select-input{
            width:70px;
        }
        .operation_text_left{
            padding-left:20px;
        }
        .sms-bg {
            background: url(/img/images/sms.png) no-repeat left center;
        }
        .sms-bg-static {
            background: url(/img/images/sms-static.png) no-repeat left center;
        }
        .sms-check, .email-check, .mobile-check {
            width: 32px;
            height: 19px;
            display: inline-block;
            zoom: 1;
            margin-right: 6px;
            cursor: pointer;
        }
        .mobile-bg-static {
            background: url(/img/images/email-static.png) no-repeat left center;
        }
        .mobile-bg-select {
            background: url(/img/images/email.png) no-repeat left center;
        }
        .sms-check, .email-check, .mobile-check {
            width: 32px;
            height: 19px;
            display: inline-block;
            zoom: 1;
            margin-right: 6px;
            cursor: pointer;
        }
        .editAndDelete2 span{
            background: #2b7edf!important;
        }
        /* .page-top-inner-layer table thead tr:last-child{
         width: 5%;
         }*/


    </style>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <script>
        var openRold = parent.opensload;
    </script>
</head>
<body>
<div class="bx">
    <!--head开始-->
    <div class="head w clearfix">
        <ul class="index_head">
            <li data-num="0">
                <span class="headli1_1 one" id="waitwork">
                    <img class="headli1_2_icon" src="../../img/workflow/work/waitworkchoose.png" alt="" style="margin-top: 0">&nbsp;<fmt:message code="workflow.th.wait"/>
                </span>
                <img class="headli1_2" src="../../img/twoth.png" alt="">
            </li>

            <li data-num="1"><span class="headli2_1 endWork" id="endWork"><img class="headli1_2_icon" src="../../img/workflow/work/endwork.png" alt="" style="margin-top: 0">&nbsp;<fmt:message
                    code="workflow.th.gowork"/></span><img src="../../img/twoth.png" alt="" class="headli2_2">
            </li>

            <li data-num="2"><span class="headli3 allwork" id="allwork"><fmt:message code="workflow.th.allwork"/></span><img
                    src="../../img/twoth.png" alt="" class="headli2_2"></li>
            </li>
            <li data-num="3"><span class="entrustWork " id="entrustWork">委托工作</span><img
                    src="../../img/twoth.png" alt="" class="headli2_2"></li>
            </li>
        </ul>
    </div>
    <div class="body" style="width: 100%;margin-top: 44px">
        <%--<iframe id="every_module" src="/workflow/work/waitwork" frameborder="0" scrolling="yes" height="100%" width="100%" noresize="noresize" tid="2"></iframe>--%>
        <div class="bx">
            <div class="navigation  clearfix" style="width: 97%; display: block; margin: auto;">
                <div class="left">
                    <img src="/img/commonTheme/${sessionScope.InterfaceModel}/daibangongzuow1.png" width="16px" height="16px">
                    <div class="news"><fmt:message code="workflow.th.wait"/></div>
                    <div class="nameBox" style="position: relative;margin-right: 10px;">
                     <span class="fl"
                           style="margin-top: 7px;line-height: 50px; margin-right: 22px; font-size: 10pt;"><fmt:message
                             code="workflow.th.name1"/>：</span>
                        <%--<select name="dispatchType" style="float: left;margin-top: 25px;margin-right: 24px; padding-left: 10px; border-radius: 6px; outline: none;">--%>
                        <%--<option value=""><fmt:message code="hr.th.PleaseSelectFlow"/></option>--%>
                        <%--</select>--%>
                        <input type="text" name="flowName" placeholder="全部流程" dataType="" style="width: 150px;padding-left: 5px;">
                        <button id="list"><img src="../../img/workflow/work/xiala.png" alt=""></button>
                        <ul class="sel"></ul>
                    </div>


                    <div style="margin-top: 17px; display: inline-block; position: relative">
                        <input style="padding-left: 5px; padding-right: 69px;" id="flow_search_value" class="inp"
                               type="text" placeholder="&nbsp;<fmt:message code="workflow.th.Searchforworkname1" />">
                        <div id="btn_search" class="search" style="position: absolute; right: 0;"><h1
                                style="cursor:pointer; font-size: 10pt;" class="subsearch" id="dbgz_search"><fmt:message
                                code="workflow.th.sousuo"/></h1></div>
                    </div>


                </div>
                <div class="button-operation" style="font-size: 0;">


                    <button type="button" class="btn btn-success" style="margin-right: 10pt;" id="btn-success"
                            onclick="clicked5();">
                        <img src="../../img/mywork/newbuildworjk1.png"
                             style="margin-left: -32px;margin-bottom: 4px;" width="11px" height="11px"><span style="position:absolute;left: 27px;bottom:3px;"><fmt:message
                            code="main.newwork"/></span></button>


                    <button type="button" id="export" class="btn daochuwork btn-info" onclick="clicked1();"
                            style="margin-right: 10px;position: relative;"><img src="../../img/mywork/dclist1.png"
                                                                                style="margin-left: -29px;margin-bottom: 5px;" width="10px" height="10px"><span style="position: absolute;bottom: 3.2px;left: 29px;"><fmt:message
                            code="workflow.th.Exportwork"/></span></button>


                    <button type="button" class="btn btn-delete" id="btn-delete" onclick="clickeDelete();"
                            style="margin-right: 10px;width: 70px; height: 28px;position: relative;text-shadow: none;" ><img src="../../img/mywork/deletework1.png"
                                                                                                                             style="margin-left: -30px;margin-bottom: 4px;" width="11px" height="11px"><span style="position: absolute;bottom: 3px;left: 28px"><fmt:message
                            code="main.deletework"/></span></button>

                    <button type="button" class="btn btn-info hidden" onclick="clicked();"><img
                            src="../../img/mywork/weituo.png" style="margin-right: 8px;margin-bottom: 1px;"><fmt:message
                            code="workflow.th.Entrust"/></button>
                    <button type="button" class="btn btn-info hidden" onclick="clicked();"><img
                            src="../../img/mywork/hungwork.png" style="margin-right: 8px;margin-bottom: 1px;"><fmt:message
                            code="workflow.th.guaqi"/></button>
                    <button type="button" class="btn btn-info hidden" onclick="clicked();"><img
                            src="../../img/mywork/pizhu.png" style="margin-right: 8px;margin-bottom: 1px;"><fmt:message
                            code="workflow.th.pizhu"/></button>
                    <form name="selected_export_form" id="selected_export_form" style="display: none;" method="post"
                          action="data/work_to_export.php?ispirit_export=1">
                        <input type="hidden" name="THE_ID_STR" id="THE_ID_STR" value="">
                        <button type="submit" id="selected_export" class="btn btn-info"><fmt:message
                                code="global.lang.report"/></button>
                    </form>
                    <button type="button" class="btn btn-info" style="position: relative;" id="refresh" onclick="clicked2();"><img src="../../img/mywork/shuxinwork1.png"
                                                                                                                                   style="margin-left: -28px;margin-bottom: 3px;" width="11px" height="11px" width="11px" height="11px"><span  style="position: absolute;bottom: 3px;left: 29px;"><fmt:message
                            code="global.lang.refresh"/></span></button>
                    <script>
                        $(function(){
                            var xinJian=$("#btn-success span").text();
                            xinJian=xinJian.substring(0,2);
                            $("#btn-success span").text(xinJian);
                            var daoChu=$("#export span").text();
                            daoChu=daoChu.substring(0,2);
                            $("#export span").text(daoChu);
                            var del=$("#btn-delete span").text();
                            del=del.substring(0,2);
                            $("#btn-delete span").text(del)

                        })
                    </script>
                </div>
            </div>
            <div id="pagediv">

            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/spirit/qwebchannel.js"></script>
<script>
    $.ajaxSetup({cache: false});

    $(document).keyup(function (e) {//捕获文档对象的按键弹起事件
        if (e.keyCode == 13) {//按键信息对象以参数的形式传递进来了
            //此处编写用户敲回车后的代码
            $('#btn_search h1').click();
        }
    });
    $(function () {
        $('.index_head li').click(function () {
            var datanums = $(this).attr('data-num');
            $(this).find('span').addClass('one').parent().siblings().find('span').removeClass('one');
            if (datanums == 0) {
                var flowId = $.GetRequest().flowId;
                if(flowId){
                    window.location.href = '/workflow/work/workList?flowId=' + flowId;
                } else {
                    window.location.href = '/workflow/work/workList';
                }
            } else if (datanums == 1) {
                window.location.href = '/workflow/work/endwork';
            } else if (datanums == 2) {
                window.location.href = '/workflow/work/allwork';
            } else if (datanums == 3) {
                window.location.href = '/workflow/work/entrustWorkMap';
            }
        })
    })
</script>
<script type="text/javascript">
    function runWorkListPage() {
        parent.changeMenuTab(1020);
    }
    var huiqian = '';
    var zhuban = '';
    function runWorkListPage() {
        location.reload();
    }
    // 直接快速新建流程
    function newWorkFlow(flowId,cb){
        $.ajax({
            url:'../../workflow/work/workfastAdd',
            type:'get',
            dataType:'json',
            data:{
                flowId:flowId,
                prcsId : 1,
                flowStep : 1,
                runId:'',
                preView:0
            },
            async: false,//同步请求,这里使用ajax必须使用同步方式请求，因为浏览器认为这种打开在ajax后新页面是不安全的
            success:function(res){
                if(res.flag==true){
                    var data = res.object;
                    cb(data);
                }
            }
        });
    }
    function clicked5() {
        if (parent.parent.urlnewworkflow != undefined) {
            parent.parent.urlnewworkflow()
        } else {
            var flowId = $.GetRequest().flowId;

            // 如果菜单中指定了流程的话 只新建这一种流程
            if(flowId){

                // 验证是否超过新建个数
                $.ajax({
                    url:'/userCountPer',
                    dataType:'json',
                    type:'get',
                    success:function(res){
                        if(res.flag){

                            // 验证是否有新建权限
                            $.get('/flow/flowAuthOrSearchCommonWork?flowId='+flowId,null,function(json){
                                if(json.flag&&json.obj.length>0){

                                    layer.confirm('请选择新建流程方式！', {
                                        btn: ['快速新建','新建向导'] //按钮
                                    }, function(){
                                        newWorkFlow(flowId,function (data) {
                                            $.popWindow("/workflow/work/workform?flowId="+flowId+'&type=new&flowStep=1&prcsId=1&runId='+data.flowRun.runId,'快速新建页面','0','0','1920px','768px');
                                            //console.log(123);
                                            layer.closeAll();
                                        })
                                    }, function(){
                                        $.popWindow("newflowguider?flowId="+flowId+'&flowStep=1&prcsId=1','<fmt:message code="newWork.th.Quick" />','0','0','1150px','700px');
                                        layer.closeAll();
                                    });
                                }
                            });

                        }else{
                            $.layerMsg({content:'人数达到上限，不能新建',icon:6})
                        }
                    }
                })

            } else {
                window.open('/workflow/work/addwork')
            }
        }
    }
    function clickeDelete() {
        var length = $('.kx[name=checkbox]:checked').length;
        var tid = '';
        for (var i = 0; i < length; i++) {
            var $this = $('.kx[name=checkbox]:checked').eq(i);
            var obj = pageObj.arrs[$this.parents('tr').find('.editAndDelete1').attr('data-i')];
            tid += obj.id + ',';
        }
        if (length == 0) {
            layer.msg('请选择至少一条流程!', {icon: 2});
        } else {
            //删除判断
            layer.confirm('<fmt:message code="sup.th.Delete" />？', {
                btn: ['<fmt:message code="global.lang.ok" />', '<fmt:message code="depatement.th.quxiao" />'] //按钮
            }, function () {
                //确定删除，调接口
                $.ajax({
                    url: '../../workflow/work/deleteRunPrcsBatch',
                    type: 'get',
                    dataType: 'json',
                    data: {
                        idBatch: tid
                    },
                    success: function (obj) {
                        //第三方扩展皮肤
                        layer.msg('<fmt:message code="workflow.th.delsucess" />', {icon: 6});
                        location.reload();
                    }
                })
            }, function () {
                layer.closeAll();

            });
        }
    }
    function getWorkLevle(num_workLevel) {
        var str_workLevel;
        switch (num_workLevel) {
            case 0:
                str_workLevel = '普通';
                break;
            case 2:
                str_workLevel = '特急';
                break;
            case 1:
                str_workLevel = '紧急';
                break;
            default:
                str_workLevel = '普通';
        }
        return str_workLevel;
    }
    function clicked1() {
        window.location.href = "exportExcel?type=1"
    }
    function clicked2() {
        location.reload();
    }
    function handleData(data) {
        switch (data) {
            case "1":
                return '<span style="color: red;"><fmt:message code="lang.th.will" /></span>';//未接收
            case "2":
                return '<span style="color: #2b7fe0;"><fmt:message code="lang.th.Process" /></span>';//办理中
            case "3":
                return '<fmt:message code="main.th.ToStep" />';//转交下一步，下一步经办人无人接收
            case "4":
                return '<span style="color: #37aa43;"><fmt:message code="lang.th.HaveThrough" /></span>';//已办结
            case "5":
                return '<fmt:message code="workflow.th.FreeFlowPresettingSteps" />';//自由流程预设步骤
            case "6":
                return '<fmt:message code="workflow.th.HasBeenSuspended" />';//已挂起
        }
    }
    function handleimgData(data) {
        switch (data) {
            case "1":
                return '<img class="headli1_2_icon" src="../../img/workflow/work/nowork.png" alt="" style="margin-top: 0">';//未接收
            case "2":
                return '<img class="headli1_2_icon" src="../../img/workflow/work/waitwork.png" alt="" style="margin-top: 0">';//办理中
            case "4":
                return '<img class="headli1_2_icon" src="../../img/workflow/work/endwork.png" alt="" style="margin-top: 0">';//已办结
        }
    }
    function js_method(e) {
        e.parents('tr').find('.editAndDelete0').click();
    }
    var eventas = null;
    function bzlct(e) {
        eventas = e;
        var aa = window.open('/flowSetting/processDesignToolTwo?flowId=' + e.attr('flowid') + '&rilwId=' + e.attr('runid'), '');
    }
    var pageObj;
    function pageObjFuc(){
        var screenwidth = document.documentElement.clientWidth;
        if (screenwidth  > 1237) {
            var nums = screenwidth * 0.97;
            var sumwidth = screenwidth * 0.97 + 'px';
        } else {
            var nums = 1200;
            var sumwidth = '1200px';
        }
        var width0 = nums * 0.0183 + 'px';
        var width1 = nums * 0.065 + 'px';
        var width2 = nums * 0.25 + 'px';
        var width3 = nums * 0.070 + 'px';
        var width4 = nums * 0.093 + 'px';
        var width5 = nums * 0.042 + 'px';
        var width6 = nums * 0.141 + 'px';
        var width7 = nums * 0.108 + 'px';
        var width8 = nums * 0.120 + 'px';
        pageObj = $.tablePage('#pagediv', sumwidth, [
            {
                width: width0,
                title: '<input type="checkbox" name="checkbox" id="selectAll" ischecked="false">',
                name: 'prcsId',
                selectFun: function (prcsId, obj) {
                    if (obj.prcsId == '1') {
                        return '<input type="checkbox" name="checkbox" class="kx">';
                    } else {
                        return '<input type="checkbox" name="checkbox"  disabled>';
                    }
                }
            },
            {
                width: width1,
                title: '<fmt:message code="workflow.th.liushui"/>',
                name: 'runId',
                selectFun: function (runId, obj) {
                    var status = handleimgData(obj.prcsFlag);
                    return status+'&nbsp;<span>'+runId+'</span>';
                }
            },
            {
                width: width2,
                title: '<fmt:message code="workflow.th.Documentname-number"/>',
                name: 'workLevel',
                selectFun: function (workLevel, obj) {
                    if (obj.flowRun.workLevel == 0) {
                        var fontcolor = 'green';
                    } else {
                        var fontcolor = 'red';
                    }
                    if (obj.backFlowPrcs != 0 && obj.backPrcsId != 0) {
                        var htbtn = '<img src="/img/workflow/work/htbtn.png" class="htbtn">';
                    } else {
                        var htbtn = '';
                    }
                    var workLevers = getWorkLevle(obj.flowRun.workLevel);
                    return '<a class="wenhao wenhao1" style="cursor: pointer;" href="javascript:void(0);" onclick ="js_method($(this))" title="' + obj.flowRun.runName.split(' ')[0] + '" runId="' + obj.runId + '" flowId="' + obj.flowRun.flowId + '" prcsId="' + obj.flowProcess.prcsId + '" flowstep="' + obj.prcsId + '"><span class="font-green" style="color:' + fontcolor + '">【' + workLevers + '】</span>' + htbtn + obj.flowRun.runName + '</a><br><span style="color: #8e8e8e;font-size: 10pt;">&nbsp;&nbsp;流程名称：'+ obj.flowType.flowName +function () {
                        if(obj.otherUser!=undefined&&obj.otherUser.trim()!=""){
                            return "    (此流程由["+obj.otherUserName+"]委托)"
                        }else{
                            return "";
                        }
                    }()+'</span>';
                }
            },
            {
                width: width3,
                title: '<fmt:message code="workflow.th.Initiator"/>',
                name: 'userName',
                selectFun: function (userName, obj) {
                    return obj.flowRun.userName;
                }
            }, {
                width: width4,
                title: '流程步骤',
                name: 'prcsId',
                selectFun: function (prcsId, obj) {
                    var fontcolor = '';
                    var str = ''
                    /* if (!obj.flowProcess.prcsName) {
                         str = '<a class="wenhao" style="cursor: pointer;white-space: break-spaces;" title="'+obj.flowProcess.prcsName+'" onclick="bzlct($(this))" runid="' + obj.flowRun.runId + '" flowid="' + obj.flowRun.flowId + '"><fmt:message code="workflow.th.First" />' + prcsId + '<fmt:message code="workflow.th.step" />:该步骤已删除</a>';
                     } else {
                         str = '<a class="wenhao" style="cursor: pointer;white-space: break-spaces;" title="'+obj.flowProcess.prcsName+'" onclick="bzlct($(this))" runid="' + obj.flowRun.runId + '" flowid="' + obj.flowRun.flowId + '"><fmt:message code="workflow.th.First" />' + prcsId + '<fmt:message code="workflow.th.step" />:' + obj.flowProcess.prcsName + '</a>';
                     }*/
                    if (!obj.flowProcess.prcsName) {
                        str = '<a class="wenhao" style="cursor: pointer;white-space: break-spaces;" title="'+obj.flowProcess.prcsName+'" onclick="bzlct($(this))" runid="' + obj.flowRun.runId + '" flowid="' + obj.flowRun.flowId + '"><span>该步骤已删除</span></a>';
                    } else {
                        str = '<a class="wenhao" style="cursor: pointer;white-space: break-spaces;" title="'+obj.flowProcess.prcsName+'" onclick="bzlct($(this))" runid="' + obj.flowRun.runId + '" flowid="' + obj.flowRun.flowId + '"><span>' + obj.flowProcess.prcsName + '</span></a>';
                    }
                    return str;
                }
            }, /*{
                width: width5,
                title: '<fmt:message code="notice.th.state"/>',
                name: 'prcsFlag',
                selectFun: function (prcsFlag, obj) {
                    var status = handleData(prcsFlag);
                    return status;
                }
            },*/
            {
                width: width6,
                title: '办理时间',
                name: 'receiptTime',
                selectFun: function (receiptTime, obj) {
                    var thiss = '';
                    if (obj.receive == "") {
                        thiss = '未接收';
                    } else {
                        thiss = '接收:' + obj.receive;
                    }


                    /*return '<span title="到达:' + receiptTime + '&#10;' + thiss+'">到达:' + receiptTime + '<br>' + thiss+'</span>';*/
                    return '<span title="到达:' + receiptTime + '&#10;' + thiss+'">到达:' + receiptTime+'</span>';
                }
            },
            /*{
                width: width7,
                title: '<fmt:message code="workflow.th.Alreadystop"/>',
                name: 'arriveTime',
                selectFun: function (arriveTime, obj) {
                    var thiss = '';
                    if (obj.handleTime == "") {
                        thiss = '未接收';
                    } else {
                        thiss = '接收时长:' + obj.handleTime;
                    }
                    /!*return '<fmt:message code="workflow.th.ArriveTime" />:' + arriveTime + '<br>' + thiss;*!/
                    return arriveTime;
                }
            },*/
            {
                width: width8,
                title: '<fmt:message code="menuSSetting.th.menuSetting"/>',
            }
        ], function (me) {
            var flowId = $.GetRequest().flowId;
            if(flowId){
                me.data.flowId = flowId;
                $('.nameBox').css('display','none');
                $('.index_head li').hide().eq(0).show();
                // $('#btn-success').hide();
            }
            me.data.pageSize = 10;

            me.init('../../workflow/work/selectWork', [{
                name: '<fmt:message code="workflow.th.host" />', fn: function (obj) {
                    if (obj.opFlag == '0') {
                        return "<span style='display: inline-block;width:48px;height:24px;background: #0cae32;color:#fff;line-height:24px;border-radius:3px;text-align: center'><img src='/img/workflow/work/add_work/sign.png ' style='vertical-align:middle;margin-top: -2px;'/>会签</span>";
                    } else {
                        return "<span style='display: inline-block;width:48px;height:24px;background: #0cae32;color:#fff;line-height:24px;border-radius:3px;text-align: center'><img src='/img/workflow/work/add_work/mainBan2.png ' style='vertical-align:middle;margin-top: -2px;'/></span>";
                    }
                }
            }, {
                name: '<fmt:message code="global.lang.delete" />', fn: function (obj) {
                    if (obj.prcsId == '1') {
                        return "<span style='display: inline-block;width:48px;height:24px;background: #ef4747;color:#fff;line-height:24px;border-radius:3px;text-align: center'><img src='/img/workflow/work/add_work/del.png ' style='vertical-align:middle;margin-top: -2px;'/>删除</span>";
                    } else {
                        return 0;
                    }
                }
            },{

                name: '委托', fn: function (obj) {
                    if(obj.prcsId != '1'&&obj.opFlag == '1'&&obj.flowType != undefined&&obj.flowType.freeOther != 0){
                        if(obj.otherUser==undefined||obj.otherUser.trim()==""){
                            return "<span style='display: inline-block;width:48px;height:24px;background: #ef4747;color:#fff;line-height:24px;border-radius:3px;text-align: center'>委托</span>";

                        }

                    }
                }
            }
            ])
        })
    }
    /**
     * @创建作者:李然  Lr
     * @方法描述：委托
     * @创建时间：12:07 2019/5/18
     **/

    $(document).on('click', '.editAndDelete2', function () {
        var dataObject=pageObj.arrs[$(this).attr('data-i')];
        var runId=dataObject.runId;
        var prcsId=dataObject.prcsId;
        var prcsName=dataObject.flowProcess.prcsName;
        var runName=dataObject.flowRun.runName;
        var content='<div class="modal-body" style="max-height: 228px;">' +
            '<table class="table table-bordered">' +
            '<thead>' +
            '<tr class="work-run-header">' +
            '<td style="display: table-cell;vertical-align: middle;" class="run-id-td" valign="middle">流水号</td>' +
            '<td style="display: table-cell;vertical-align: middle;">工作名称/文号</td>' +
            '<td style="width:210px;display: table-cell;vertical-align: middle;">当前步骤</td>' +
            '<td style="display: table-cell;vertical-align: middle;">委托给</td>' +
            '</tr>' +
            '</thead>' +
            '<tbody>' +
            '<tr class="work-run-data">' +
            '<td style="display: table-cell;vertical-align: middle;" class="talignl">'+runId+'</td>' +
            '<td  class="talignl" style="display: table-cell;vertical-align: middle;;width:450px;overflow:hidden;white-space:nowrap;word-break:keep-all;">'+runName+'</td>' +
            '<td style="display: table-cell;vertical-align: middle;" class="talignl">第'+prcsId+'步：'+prcsName+'</td>' +
            '<td style="display: table-cell;vertical-align: middle;" class="talignl"><input class="input-small uneditable-input" id="toUser" disabled/>&nbsp;&nbsp;<a href="javascript:;" id="selectUser">选择</a> </td>' +
            '</tr>' +
            '</tbody>'+
            '</table>' +
            //事物提醒
            '<table class="table table-bordered">' +
            '<thead>' +
            '<tr>' +
            '<th>事物提醒</th>' +
            '</tr>' +
            '</thead>' +
            '<tbody>' +
            '<tr>' +
            '<td class="work-remind-td">' +
            '<div>' +
            '<div class="work-remind-message work-remind-message-check">' +
            '<div class="message-sms">' +
            '<span class="sms-check sms-bg" id="thingRemind" type="1">' +
            '<input id="intrust_sms" checked type="checkbox" style="display:none;"/>' +
            '</span>向被委托人发送事务提醒消息' +
            '</div>' +
            '<div class="message-mobile">' +
            '<span class="mobile-check mobile-bg-select" id="phoneRemind" type="1">' +
            '<input id="intrust_mobile" type="checkbox" style="display:none;"/>' +
            '</span>向被委托人发送手机短信提醒' +
            '</div>' +
            '</div>' +
            '<div class="work-remind-message work-remind-message-content">' +
            '<input type="text" class="span6" name="SMS_CONTENT" id="SMS_CONTENT" value="工作流委托提醒：'+runName+'"/>' +
            '</div>' +
            '' +
            '</div>' +
            '' +
            '</td>' +
            '</tr>' +
            '</tbody>'+
            '</table>'+
            '</div>';

        layer.open({
            type: 1,
            title: '委托',
            area: ['850px', '430px'],
            shadeClose: true, //点击遮罩关闭
            btn: ['确定', '<fmt:message code="global.lang.close" />'],
            content: content,
            success:function(){
                $('#selectUser').click(function(){
                    user_id = 'toUser';
                    $.popWindow("../../common/selectUser?0");
                });

                $("#phoneRemind").click(function () {
                    //如果当前type是0，则未被选中.要选中它
                    var type=$(this).attr("type");
                    if(type=="0"){
                        $(this).attr("type","1");
                        $(this).removeClass("mobile-bg-static");
                        $(this).addClass("mobile-bg-select");
                    }else{
                        $(this).attr("type","0");
                        $(this).removeClass("mobile-bg-select");
                        $(this).addClass("mobile-bg-static");
                    }

                })
                $("#thingRemind").click(function () {
                    //如果当前type是0，则未被选中.要选中它
                    var type=$(this).attr("type");
                    if(type=="0"){
                        $(this).attr("type","1");
                        $(this).removeClass("sms-bg-static");
                        $(this).addClass("sms-bg");
                    }else{
                        $(this).attr("type","0");
                        $(this).removeClass("sms-bg");
                        $(this).addClass("sms-bg-static");
                    }

                })
            },
            yes:function(){
                var entrstUser=$("#toUser").attr("user_id");
                if(entrstUser==undefined||entrstUser.length==0){
                    $.layerMsg({content: "必须指定被委托人", icon: 2});
                    return false;
                }
                if(entrstUser!='' &&  entrstUser.indexOf(",")>=0){
                    entrstUser=entrstUser.substring(0,entrstUser.length-1)
                }
                var layerIndex=layer.load(0,{shade:[0.2, '#ffffff']});
                var thingRemind=$("#thingRemind").attr("type");
                var phoneRemind=$("#phoneRemind").attr("type");
                if(thingRemind=="0"){
                    thingRemind="";
                }
                if(phoneRemind=="0"){
                    phoneRemind="";
                }
                $.ajax({
                    url: "../../workflow/work/entrustUser",
                    type: "post",
                    dataType: "json",
                    data: {
                        id:dataObject.id,
                        runId:dataObject.runId,
                        prcsId:dataObject.prcsId,
                        flowPrcs:dataObject.flowPrcs,
                        prcsFlag:dataObject.prcsFlag,
                        entrstUser:entrstUser,
                        userId:dataObject.userId,
                        opFlag:dataObject.opFlag,
                        affair:thingRemind,
                        message:phoneRemind,
                        context:$("#SMS_CONTENT").val(),
                        flowId:dataObject.flowRun.flowId
                    },
                    success: function (data) {
                        if (data.flag) {
                            $.layerMsg({content: "委托成功", icon: 1,time:1500},function () {
                                layer.closeAll();
                                pageObj.init();
                            });
                        } else {
                            if(data.msg=='error'){
                                $.layerMsg({content: weiSh, icon: 2,time:1500},function () {
                                    layer.close(layerIndex);
                                });
                            }else{
                                $.layerMsg({content: data.msg, icon: 2,time:1500},function () {
                                    layer.close(layerIndex);
                                });
                            }
                        }

                    }
                })
            },
            btn2:function(){

            },
        });

    })

    $(document).on('click', '.editAndDelete0', function () {
        var obj = pageObj.arrs[$(this).attr('data-i')];
        if (obj.opFlag == 1) {
            huiqian = 'zhuban';
        } else {
            huiqian = 'huiqian';
        }
        /* if(obj.sortMainType=='BUDGETTYPE'){
             window.open('/workflow/work/workform?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&tableName=budget&flowStep=' + obj.prcsId
                 + '&runId=' + obj.runId);
         }else{
             window.open('/workflow/work/workform?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&flowStep=' + obj.prcsId
                 + '&runId=' + obj.runId);
         }*/

        // 判断有没有关联应用
        $.ajax({
            url: '/workapp/work/findRelationFuncByFlowFromId?flowFormId='+obj.flowType.formId,
            type: 'post',
            dataType: 'json',
            success: function (res) {
                if(res.code== 0){
                    if(obj.sortMainType=='BUDGETTYPE'){
                        window.open('/workapp/work/workformApp?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&tableName=budget&flowStep=' + obj.prcsId
                            + '&runId=' + obj.runId);
                    }else{
                        window.open('/workapp/work/workformApp?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&flowStep=' + obj.prcsId
                            + '&runId=' + obj.runId);
                    }
                }else{
                    if(obj.sortMainType=='BUDGETTYPE'){
                        location.href='/workflow/work/workform?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&tableName=budget&flowStep=' + obj.prcsId
                            + '&runId=' + obj.runId;
                        // window.open('/workflow/work/workform?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&tableName=budget&flowStep=' + obj.prcsId
                        //     + '&runId=' + obj.runId);
                    }else{
                        location.href='/workflow/work/workform?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&flowStep=' + obj.prcsId
                            + '&runId=' + obj.runId;

                        //window.open('/workflow/work/workform?opflag=' + obj.opFlag + '&flowId=' + obj.flowRun.flowId + '&prcsId=' + obj.flowProcess.prcsId + '&flowStep=' + obj.prcsId
                        //    + '&runId=' + obj.runId);
                    }
                }
            }
        });

    })
    $(document).on('click', '#selectAll', function () {
        var ischecked = $(this).attr('ischecked');
        if (ischecked == 'true') {
            $('.kx').prop("checked", "");
            $(this).attr('ischecked', false);
        } else {
            $('.kx').prop("checked", "checked");
            $(this).attr('ischecked', true);
        }
    })
    $(document).on('click', '.editAndDelete1', function () {
        var obj = pageObj.arrs[$(this).attr('data-i')]
        var tid = obj.id;
        //删除判断
        layer.confirm('<fmt:message code="sup.th.Delete" />？', {
            btn: ['<fmt:message code="global.lang.ok" />', '<fmt:message code="depatement.th.quxiao" />'] //按钮
        }, function () {
            //确定删除，调接口
            $.ajax({
                url: '../../workflow/work/deleteRunPrcs',
                type: 'get',
                dataType: 'json',
                data: {
                    id: tid
                },
                success: function (obj) {
                    //第三方扩展皮肤
                    layer.msg('<fmt:message code="workflow.th.delsucess" />', {icon: 6});
                    location.reload();
                }
            })
        }, function () {
            layer.closeAll();

        });
    })
    $('#dbgz_search').click(function () {
        if($('[name="flowName"]').val()==""){
            $('[name="flowName"]').attr('dataType',null)
        }
        pageObj.data.myworkconditions = $("#flow_search_value").val();
        pageObj.data.flowId = $('[name="flowName"]').attr('dataType');
        pageObj.data.page = 1;
        pageObj.init();
    })

    $(document).click(function(){
        $('.sel').hide()
    })

    $('#list').click(function(e){
        e.stopPropagation()
        if( $('.sel').css('display')!='none'){
            $('.sel').hide()
        }else{
            $('.sel').show()
        }

    })
    $('[name="flowName"]').keyup(function(){
        $('.sel').show()
        var val=$(this).val()
        $('.sel li').each(function(i,v){
            if(v.innerHTML.indexOf(val)>-1){
                $(v).show();
                $(v).parent().show()
            }else{
                $(v).hide();
            }
        })

    })

    $('.sel').on('click','li',function(e){
        e.stopPropagation()
        if($(this).attr('value')){
            $('[name="flowName"]').val($(this).html())
            $('[name="flowName"]').attr('dataType',$(this).attr('value'))
            $('.sel').hide()
        }else{
            $('.sel').show()
        }
    })

    function buildNode(len,data){
        var prefix = 10;
        for(var i=0;i<len;i++){
            prefix += 10;
        }

        $.each(data,function(i,item){
            if(0 < item.childs.length){
                $('.sel').append("<li style='padding-left:"+(prefix)+"px;font-weight:normal;font-size:13px;' id="+item.sortId +">" + item.sortName + "<li>");
                $.each(item.flowTypeModels,function(j,v){
                    $('.sel').append("<li style='padding-left:"+(prefix+10)+"px;cursor:pointer' class='canchoose' value="+v.flowId +">" +  v.flowName + "<li>");
                })
                buildNode(len+1,item.childs);
            }else{
                $('.sel').append("<li style='padding-left:"+(prefix)+"px;font-weight:normal;font-size:13px;' id="+item.sortId +">" + item.sortName + "<li>");
                $.each(item.flowTypeModels,function(j,v){
                    $('.sel').append("<li style='padding-left:"+(prefix+10)+"px;cursor:pointer' class='canchoose' value="+v.flowId +">" +  v.flowName + "<li>");
                })
            }
        });
    }


    window.onresize = function(){
        var screenwidth = document.documentElement.clientWidth;
        if (screenwidth  > 1237) {
            var nums = screenwidth * 0.97;
            var sumwidth = screenwidth * 0.97 + 'px';
        } else {
            var nums = 1200;
            var sumwidth = '1200px';
        }
        /*pageObj.configuration[0]['width'] = nums * 0.0183 + 'px';//复选框
        pageObj.configuration[1]['width'] = nums * 0.065 + 'px';//流水号
        pageObj.configuration[2]['width'] = nums * 0.25 + 'px';//标题流程名称
        pageObj.configuration[3]['width'] = nums * 0.070 + 'px';//发起人
        pageObj.configuration[4]['width'] = nums * 0.093 + 'px';//当前步骤
        pageObj.configuration[5]['width'] = nums * 0.042 + 'px';//状态 x
        pageObj.configuration[6]['width'] = nums * 0.141 + 'px';//办理时间 x
        pageObj.configuration[7]['width'] = nums * 0.108 + 'px';//到达时间
        pageObj.configuration[8]['width'] = nums * 0.120 + 'px';//操作*/
        pageObj.configuration[0]['width'] = nums * 0.0183 + 'px';
        pageObj.configuration[1]['width'] = nums * 0.065 + 'px';
        pageObj.configuration[2]['width'] = nums * 0.25 + 'px';
        pageObj.configuration[3]['width'] = nums * 0.070 + 'px';
        pageObj.configuration[4]['width'] = nums * 0.093 + 'px';
        pageObj.configuration[5]['width'] = nums * 0.108 + 'px';
        pageObj.configuration[6]['width'] = nums * 0.120 + 'px';
        $('.page-top-outer-layer').css('width',sumwidth).find('table').css('width',sumwidth);
        var top=$('.page-top-outer-layer').find('th').length;
        for(var i=0;i< top;i++){

            /* if(i==top-1){

                 $('.page-top-outer-layer').find('th').eq(i).css('width',"5%");
             }else{
                 $('.page-top-outer-layer').find('th').eq(i).css('width',pageObj.configuration[i]['width']);
             }*/
            $('.page-top-outer-layer').find('th').eq(i).css('width',pageObj.configuration[i]['width']);
        }
        $('.page-bottom-outer-layer').css('width',sumwidth).find('.page-bottom-inner-layer').css('width',sumwidth).find('table').css('width',sumwidth);
        var table = $('.page-bottom-outer-layer .page-bottom-inner-layer table');
        for(var i=0;i<table.find('tr').length;i++){
            var botton=table.find('tr').eq(i).find('td').length;
            for(var j=0;j<botton;j++){

                /* if(j==botton-1){
                     table.find('tr').eq(i).find('td').eq(j).css('width',"6.9%");
                 }else{
                     table.find('tr').eq(i).find('td').eq(j).css('width',pageObj.configuration[j]['width']);
                 }*/
                table.find('tr').eq(i).find('td').eq(j).css('width',pageObj.configuration[j]['width']);
            }
        }
    };
    $(function () {
        $.ajax({
            url:"/flow/selOneToAllType",
            type:'post',
            dataType:'json',
            success:function(res){
                var data=res.datas;
//                console.log(data)
                var str='<option value=""><fmt:message code="hr.th.PleaseSelect"/></option>';
                if(res.flag){
                    $.each(data,function(i,item){
                        $('.sel').append("<li class='ones' style='font-weight:normal;font-size:13px;' id="+item.sortId +"><img src='../../img/data_points.png' style='margin-right: 5px;    margin-top: 8px;' alt=''>" + item.sortName + "<li>");
                        $.each(item.flowTypeModels,function(j,v){
                            $('.sel').append("<li style='padding-left:10px;cursor:pointer' class='canchoose' value="+v.flowId +">" +v.flowName + "<li>");
//                                $('[name="dispatchType"]').append("<option value="+v.flowId +">" + + "</option>");
                        })
                        buildNode(1,item.childs);
                    });
                }
            }
        })
    })
    pageObjFuc();

    $(function () {
        $("#pagediv .page-top-inner-layer table thead tr th:nth-child(6)").text("到达时间")
        $("#pagediv .page-top-inner-layer table thead tr th:nth-child(3)").text("标题/流程名称")
        $("#pagediv .page-top-inner-layer table thead tr th:nth-child(5)").text("当前步骤")


        // $('.page-top-outer-layer').find('th').eq(8).css('width','5%');
        //删除已停留
        // $('.page-top-outer-layer').find('th').eq(7).remove()

    })
</script>

</body>
</html>
